<template>
   <image-preview :data="data"></image-preview>
</template>
<script setup lang="ts">
import ImagePreview from '../components/ImagePreview/index.vue'
const data = [
    {
        id:1,
        image: 'https://img2.baidu.com/it/u=148935571,2908968817&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=281',
        rotate: 0,
        scale: 1   // 初始缩放比例为1
    },
    {
        id: 2,
        image: 'https://inews.gtimg.com/om_bt/O6SG7dHjdG0kWNyWz6WPo2_3v6A6eAC9ThTazwlKPO1qMAA/641',
        rotate: 0,
        scale: 1
    },
    {
        id: 3,
        image: 'https://img2.baidu.com/it/u=2900801315,2560576511&fm=253&fmt=auto&app=120&f=JPEG?w=1422&h=800',
        rotate: 0,
        scale: 1  
    },
    {
        id: 4,
        image: 'https://img0.baidu.com/it/u=3770148107,3711347534&fm=253&fmt=auto&app=138&f=JPEG?w=440&h=248',
        rotate: 0,
        scale: 1
    }
]
</script>
<style lang="scss" scoped></style>